<style>
    .prototype .span-path {
        font-size: 12px;
        margin-left: 5px;
    }
    .prototype .panel-heading p {
        margin: 0px;
    }
    .prototype .settings .btn{
        top: 150px;
    }
    .prototype .prototype-content .heading-prototype-title {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .prototype .prototype-content .heading-btn-groups {
        height: 25px;
        line-height: 20px;
        padding-top: 5px;
    }
    .prototype .prototype-content .fa-red {
        color: #d9534f;
    }
    .prototype .prototype-content .fa-green {
        color: #27c24c
    }
    .prototype .prototype-content .pointer {
        cursor: pointer;
    }
    .prototype .prototype-content .axure-btns i {
        font-size: 25px;
        margin-bottom: 10px;
    }
    .prototype .prototype-content .axure-fileinput .alert{
        display: none; 
        margin-top: 5px; 
        margin-bottom: 0px;
        padding: 5px 15px;
    }
    .prototype .prototype-content .iframe-div {
        height: 700px;
        margin-top: 10px;
        border: 1px solid #bce8f1; 
    }
</style>
<!-- new -->
<div class="row mm-loading prototype">
    <div class="col-sm-12 prototype-content">
        <div class="panel panel-default">
            <div class="panel-heading">
                <div class="heading-prototype-title">
                    原型数据（{{info.prototypePath || ""}}）
                </div>
                <div class="heading-prototype-confict" ng-if="info.isConfict">
                    <i class="fa fa-exclamation-circle fa-red"></i>&nbsp;由于版本被需求【{{info.reqConfictName || "master"}}】修改过，请检查并同步该功能点后，点击按钮&nbsp;<i class="fa fa-hand-o-right fa-red"></i>&nbsp;<a href="javascript: void(0);" class="label label-danger pointer" ng-click="fixConfict()">解决冲突</a>
                </div>
                <div class="heading-prototype-no-relation" ng-if="info.isRelation">
                    <i class="fa fa-bullhorn fa-green"></i>&nbsp;当前状态不可编辑！点击左侧&nbsp;<span class="label label-success"><i class="fa fa-code-fork"></i></span>&nbsp;按钮后，即可编辑该数据！
                </div>
                <div class="heading-btn-groups" ng-hide="!$ctrl.showType && !$ctrl.showPattern">
                    <!-- 类型单选按钮组 -->
                    <div class="col-sm-6">
                        <label class="checkbox-inline" ng-repeat="type in info.prototypeTypeList" ng-if="$ctrl.showType">
                            <input type="radio" name="prototypeType" value="{{type.type}}" ng-model="info.defaultPrototypeType" ng-click="clickPrototypeType(type)" ng-disabled="$ctrl.isReadonly || info.isRelation">&nbsp;{{type.name}}
                        </label>
                    </div>
                    <!-- 模式单选按钮组 -->
                    <div class="col-sm-6" style="text-align: right;">
                        <label class="checkbox-inline" ng-repeat="pattern in info.prototypePatternList" ng-if="$ctrl.showPattern">
                            <input type="radio" name="prototypePattern" value="{{pattern.type}}" ng-model="info.defaultPrototypePattern" ng-click="clickPrototypePattern(pattern)" ng-disabled="$ctrl.isReadonly || info.isRelation">&nbsp;{{pattern.name}}
                        </label>
                    </div>
                </div>
            </div>
            <div class="panel-body">
                <div class="col-sm-12" ng-show="info.defaultPrototypeType == 'prototype'">
                    <!-- req -->
                    <div class="{{info.defaultPrototypePattern != 'compare' ? 'col-sm-12' : 'col-sm-6'}}" ng-if="info.defaultPrototypePattern != 'online' && !info.isRelation">
                        <m-wysiwyg icon-type   = "text"
                                   mhtml       = "info.reqDetails.attr.prototype"
                                   mid         = "{{$ctrl.featureId}}prototypeR"
                                   is-edit     = "info.defaultPrototypePattern == 'current' ? false : true"
                                   change-data = "saveBlurPrototype(value)"
                                   validate    = "false"
                                   plugin      = "insertImage">
                        </m-wysiwyg>
                    </div>
                    <!-- master -->
                    <div class="{{info.defaultPrototypePattern != 'compare' ? 'col-sm-12' : 'col-sm-6'}}" ng-if="info.defaultPrototypePattern != 'current' && !info.isRelation">
                        <m-wysiwyg icon-type   = "text"
                                   mhtml       = "info.masterDetails.attr.prototype"
                                   mid         = "{{$ctrl.featureId}}prototypeM"
                                   is-edit     = "info.defaultPrototypePattern != 'current' ? 'true' : 'false'"
                                   change-data = "saveBlurPrototype(value)"
                                   validate    = "false"
                                   plugin      = "insertImage">
                        </m-wysiwyg>
                    </div>
                    <!-- no relation master -->
                    <div class="col-sm-12" ng-if="info.isRelation">
                        <m-wysiwyg icon-type   = "text"
                                   mhtml       = "info.masterDetails.attr.prototype"
                                   mid         = "{{$ctrl.featureId}}prototypeM"
                                   is-edit     = "true"
                                   change-data = "saveBlurPrototype(value)"
                                   validate    = "false"
                                   plugin      = "insertImage">
                        </m-wysiwyg>
                    </div>
                </div>
                <div class="col-sm-12" ng-show="info.defaultPrototypeType == 'axure'">
                    <div class="axure-btns">
                        <i class="fa fa-search-plus pull-right" ng-click="iframePlus()"></i>&nbsp;&nbsp;&nbsp;
                        <i class="fa fa-search-minus pull-right" ng-click="iframeMinus()"></i>
                    </div>
                    <div class="col-sm-12 axure-fileinput">
                        <div class="col-sm-11">
                            <input id="uploadfile" ui-jq="filestyle" type="file" data-icon="false" name="prototype" data-classButton="btn btn-default" ng-disabled="isReadOnly" data-classInput="form-control inline v-middle input-s">
                            <div id="errorMessageOfType" class="alert alert-danger col-sm-12">上传错误，仅支持[zip]格式的文件！</div>
                            <div id="errorMessageOfValue" class="alert alert-warning col-sm-12">上传错误，文件不能为空！！！</div>
                        </div>
                        <div class="col-sm-1 down-file-btn" style="display: none;">
                            <button class="btn btn-default pull-right" ng-click="downFile()">下载</button>
                        </div>
                    </div>
                    <div class="col-sm-12 req-iframe iframe-div" id="{{$ctrl.featureId}}col-iframe" ng-if="info.defaultPrototypePattern != 'online'"></div>
                    <div class="col-sm-12 master-iframe iframe-div" id="{{$ctrl.featureId}}col-iframe-master" ng-if="info.defaultPrototypePattern != 'current'"></div>
                </div>
                <div class="col-sm-12 hide" ng-show="info.defaultPrototypeType == 'axure'">
                    <div>
                        <i class="fa fa-search-plus pull-right" style="font-size: 25px;margin-bottom: 10px;" ng-click="iframePlus()"></i>&nbsp;&nbsp;&nbsp;
                        <i class="fa fa-search-minus pull-right" style="font-size: 25px;margin-bottom: 10px;" ng-click="iframeMinus()"></i>
                    </div>
                    <div class="col-sm-12" ng-show="!isReadOnly && !onlineIframe">
                        <div class="col-sm-11">
                            <input id="uploadfile" ui-jq="filestyle" type="file" data-icon="false" name="prototype" data-classButton="btn btn-default" ng-disabled="isReadOnly" data-classInput="form-control inline v-middle input-s">
                            <div id="alertMsg" class="alert alert-danger col-sm-12" style="display: none; margin-top: 5px; margin-bottom: 0px;padding: 5px 15px;">上传错误，仅支持[zip]格式的文件！</div>
                            <div id="alertMsg2" class="alert alert-warning col-sm-12" style="display: none; margin-top: 5px; margin-bottom: 0px;padding: 5px 15px;">上传错误，文件不能为空！！！</div>
                        </div>
                        <div class="col-sm-1 down-file-btn" style="display: none;">
                            <button class="btn btn-default pull-right" ng-click="downFile()">下载</button>
                        </div>
                    </div>
                    <div class="col-sm-12 iframeDiv" id="{{colFrameId}}" style="border: 1px solid #bce8f1; margin-top: 10px;height: 700px;"></div>
                    <div class="col-sm-12 iframeMasterDiv" id="{{feaId}}col-iframe-master" style="border: 1px solid #bce8f1; margin-top: 10px;height: 700px;" ng-show="isCompare"></div>
                </div>
                <div class="col-sm-12" ng-show="info.defaultPrototypeType == 'expression'">
                    表达式
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-sm-12 mm-loading-icon" style="text-align: center; display: none; padding-top: 25%;">
        <i class="fa fa-spinner fa-spin fa-4x fa-fw" style="color: rgb(158, 149, 149);"></i>
    </div>
</div>